<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
        #canvas{border:1px solid}
        </style>
    </head>
    <body>
        <canvas id="canvas" height="300" width="400"></canvas>
        <script language="javascript">
var ctx1 = document.getElementById('canvas').getContext("2d");
//define a cor padrão das formas
ctx1.fillStyle = '#888888';
//desenha o retângulo
ctx1.fillRect(10, 10, 100, 100);
ctx1.clearRect(0, 0, 400, 300);
ctx1.fillStyle = 'red';
ctx1.fillRect(10,10,30,40);
//SEM PREENCHIMENTO
ctx1.strokeStyle = 'green';
ctx1.strokeRect(10,150,100,100);

</script>
        <div>TODO write content</div>
    </body>
</html>
